import type { AppRouteModule } from '/@/router/types';
import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

export const tableDemo: AppRouteModule = {
  path: '/demo/table',
  name: 'TableDemo',
  component: LAYOUT,
  redirect: '/demo/table/Basic',
  meta: {
    orderNo: 20,
    icon: 'ion:aperture-outline',
    title: t('routes.demo.page.page'),
  },
  children: [
    {
      path: 'Basic',
      name: 'Basic',
      component: () => import('/@/views/demo/table/Basic.vue'),
      meta: {
        title: t('routes.demo.table.basic'),
      },
    },
    {
      path: 'TreeTable',
      name: 'TreeTable',
      component: () => import('/@/views/demo/table/TreeTable.vue'),
      meta: {
        title: t('routes.demo.table.treeTable'),
      },
    },
    {
      path: 'FetchTable',
      name: 'FetchTable',
      component: () => import('/@/views/demo/table/FetchTable.vue'),
      meta: {
        title: t('routes.demo.table.fetchTable'),
      },
    },
    {
      path: 'FixedColumn',
      name: 'FixedColumn',
      component: () => import('/@/views/demo/table/FixedColumn.vue'),
      meta: {
        title: t('routes.demo.table.fixedColumn'),
      },
    },
    {
      path: 'CustomerCell',
      name: 'CustomerCell',
      component: () => import('/@/views/demo/table/CustomerCell.vue'),
      meta: {
        title: t('routes.demo.table.customerCell'),
      },
    },
    {
      path: 'FormTable',
      name: 'FormTable',
      component: () => import('/@/views/demo/table/FormTable.vue'),
      meta: {
        title: t('routes.demo.table.formTable'),
      },
    },
    {
      path: 'UseTable',
      name: 'UseTable',
      component: () => import('/@/views/demo/table/UseTable.vue'),
      meta: {
        title: t('routes.demo.table.useTable'),
      },
    },
    {
      path: 'RefTable',
      name: 'RefTable',
      component: () => import('/@/views/demo/table/RefTable.vue'),
      meta: {
        title: t('routes.demo.table.refTable'),
      },
    },
    {
      path: 'EditCellTable',
      name: 'EditCellTable',
      component: () => import('/@/views/demo/table/EditCellTable.vue'),
      meta: {
        title: t('routes.demo.table.editCellTable'),
      },
    },
    {
      path: 'EditRowTable',
      name: 'EditRowTable',
      component: () => import('/@/views/demo/table/EditRowTable.vue'),
      meta: {
        title: t('routes.demo.table.editRowTable'),
      },
    },
    {
      path: 'AuthColumn',
      name: 'AuthColumn',
      component: () => import('/@/views/demo/table/AuthColumn.vue'),
      meta: {
        title: t('routes.demo.table.authColumn'),
      },
    },

  ],
};

